<script lang='ts' setup name='index'>  


import { useCommentStore } from "@/store/useComments";

 const  {   tableData, queryComment   } = useCommentStore();




</script>  
  
<template>  
  <button @click="queryComment">加载评论</button>

    <h3>网易云评论</h3>

    
    <el-table :data="tableData">
        <el-table-column prop="name" label="歌名" width="180" />
        <el-table-column prop="picurl" label="picurl" width="180" >
            
            <template #default="scope">
               <img :src="scope.row.picurl" width="70px" height="70px">
            </template>


        </el-table-column>
        <el-table-column prop="artistsname" label="artistsname" />
        <el-table-column prop="avatarurl" label="avatarurl" >
            <template #default="scope">
               <img :src="scope.row.picurl" width="70px" height="70px"/>
            </template>
        </el-table-column>
        <el-table-column prop="nickname" label="nickname" />
        <el-table-column prop="content" label="content" />

    </el-table>









</template>  
  
<style scoped>  

</style>  